<!--
.product4_4${portletid}{ width:100%; }
.product4_4${portletid} li{line-height:26px; padding-left:10px; background:url(${resourcePath}/images/main2_dot.gif) no-repeat 0 6px;}
-->
</style>
<div class="product4_4${portletid}">
	<#if titletype=="1">
		<div>
			<img src="${titlepic}" style="border:none"/>
		</div>
	<#else>
		<div class="${titlecolor}">
			<span>
			${title}
			</span>
		</div>
	 </#if>
	<div style="margin-top:10px">
	    	<#if haveArticles="none">
			 <div align="center">没有数据</div>
			 <#else>
	    	<ul>
	        	<#list articles as articles>
	        		<li style="display:inline">
	        			<a id="${articles.id}"  href="${contextPath}/cms/channel/layout/aaa,${articles.id}?isLayout=${isLayout}" target="_blank" rel="${articles.firtImgrSrc}">
	        				${articles.art_name}
	        			</a>
						<script>
							$('#${articles.id}').qtip({
							   content: '<img src="${articles.firtImgrSrc}" alt="Loading..." />',
							   show: 'mouseover',
							   hide: 'mouseout'
							})
						</script>
	        		</li>
				</#list>
	        </ul>
	        </#if>
	        <div style="clear:both"></div>
	</div>
</div>